<!DOCTYPE html [
			   <!ENTITY nbsp "&#160;">
			   <!ENTITY amp "&#38;">
			   <!ENTITY times "&#215;">]
    >
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:a4j="http://richfaces.org/a4j"
      xmlns:rich="http://richfaces.org/rich"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"> 
<h:head>

         <meta charset="utf-8"/>
        <title>jQuery File Upload Demo</title>
        <meta name="description" content="File Upload widget with multiple file selection,  support, progress bar and preview images for jQuery. Supports cross-domain, chunked and resumable file uploads. Works with any server-side platform (Google App Engine, PHP, Python, Ruby on Rails, Java, etc.) that supports standard HTML form file uploads."/>
        <meta name="viewport" content="width=device-width"/>
        <link type="text/css" rel="stylesheet" href="#{request.contextPath}/resources/plugins/uploadJquery/css/jquery.fileupload-ui.css" />
        <link type="text/css" rel="stylesheet" href="#{request.contextPath}/resources/plugins/uploadJquery/css/style.css" />
    	<link rel="stylesheet" 	href="#{request.contextPath}/resources/css/estilo-visual.css" />
    		
        
</h:head> 
<h:body style="background: rgba(96, 139, 153, 0.5);
	  background-color: rgba(96, 139, 153, 0.5)">	   
<!-- 
	<h:outputStylesheet library="plugins/uploadJquery/css" name="jquery.fileupload-ui.css"/>
	<h:outputStylesheet library="plugins/uploadJquery/css" name="style.css"/>
 -->
 	<h:outputStylesheet library="css" name="rich-custom.css"/>
 		<rich:panel style="	min-height: 600px; height:100%;border:none">	
	         <form id="fileupload" action="uploadMultiple" method="POST" enctype="multipart/form-data">
               <div class="row fileupload-buttonbar"  >
                    <div class="span7">
                        <span class="btn btn-success fileinput-button">
                            <i class="icon-plus icon-white"></i>
                            <span>Add files...</span>
                            <input type="file" name="files[]" accept=".doc,.docx,.txt,.pdf" multiple='true'/>
                        </span>
                        <button type="submit" class="btn btn-primary start">
                            <i class="icon-upload icon-white"></i>
                            <span>Start upload</span>
                        </button>
                        <button type="reset" class="btn btn-warning cancel">
                            <i class="icon-ban-circle icon-white"></i>
                            <span>Cancel upload</span>
                        </button>
                    </div>
                    <!-- The global progress information -->
                    <div class="span5 fileupload-progress fade">
                        <!-- The global progress bar -->
                        <div class="progress progress-success progress-striped active" role="progressbar" aria-valuemin="0" aria-valuemax="100">
                            <div class="bar" style="width:0%;"></div>
                        </div>
                        <!-- The extended global progress information -->
                        <div class="progress-extended">&nbsp;</div>
                    </div>
                </div>
                <!-- The loading indicator is shown during file processing -->
                <div class="fileupload-loading"></div>
                <br/>
                <!-- The table listing the files available for upload/download -->
                <table role="presentation" class="table table-striped"><tbody class="files" data-toggle="modal-gallery" data-target="#modal-gallery"></tbody></table>
            </form>
        <h:outputText value="#{html.script}" escape="false"/>
		
		
	</rich:panel>
    <script src="#{request.contextPath}/resources/plugins/uploadJquery/js/jquery-1.8.2.min.js"></script>
    <script src="#{request.contextPath}/resources/plugins/uploadJquery/js/vendor/jquery.ui.widget.js"></script>
    <script src="#{request.contextPath}/resources/plugins/uploadJquery/js/tmpl.min.js"></script>
    <script src="#{request.contextPath}/resources/plugins/uploadJquery/js/load-image.min.js"></script>
    <script src="#{request.contextPath}/resources/plugins/uploadJquery/js/canvas-to-blob.min.js"></script>
    <script src="#{request.contextPath}/resources/plugins/uploadJquery/js/bootstrap.min.js"></script>
    <script src="#{request.contextPath}/resources/plugins/uploadJquery/js/bootstrap-image-gallery.min.js"></script>
    <script src="#{request.contextPath}/resources/plugins/uploadJquery/js/jquery.iframe-transport.js"></script>
    <script src="#{request.contextPath}/resources/plugins/uploadJquery/js/jquery.fileupload.js"></script>
    <script src="#{request.contextPath}/resources/plugins/uploadJquery/js/jquery.fileupload-fp.js"></script>
    <script src="#{request.contextPath}/resources/plugins/uploadJquery/js/jquery.fileupload-ui.js"></script>
    <script src="#{request.contextPath}/resources/plugins/uploadJquery/js/locale.js"></script>
    <script src="#{request.contextPath}/resources/plugins/uploadJquery/js/main.js"></script>
 
 
 
 
 
 
 
 
 
 
 
</h:body> 


</html>
